<div class=" col-lg-12">
    <div class="container-fluid">
        <span style="display:inline-block;margin-left:20px;padding-top:10px;float:right;">
            <label style="display:inline-block;">Consumer Name:</label>
            <select id="group_names">
                {% for g in consumer_names %}
                    <option value="{{ g.value }}"> {{ g.name }}
                    </option>
                {% endfor %}

            </select>
        </span>
    </div>

</div>


<div>
    <table class="table table-bordered table-hover table-striped">
        <thead>
        <tr>
            <th>Topic</th>
            <th>GroupName</th>
            <th>Broker Name</th>
            <th>QID</th>
            <th>Broker Offset</th>
            <th>Consumer Offset</th>
            <th>Diff</th>
        </tr>
        </thead>
        <tbody id="process_tbody">

        </tbody>
    </table>
</div>